<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<style type="text/css">
.topo{
width:100%;
height:100px;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.1, #223D62),
	color-stop(1, #152840)
);
background-image: -o-linear-gradient(bottom, #223D62 10%, #152840 100%);
background-image: -moz-linear-gradient(bottom, #223D62 10%, #152840 100%);
background-image: -webkit-linear-gradient(bottom, #223D62 10%, #152840 100%);
background-image: -ms-linear-gradient(bottom, #223D62 10%, #152840 100%);
background-image: linear-gradient(to bottom, #223D62 10%, #152840 100%);
}
.logo{
	background-image:url(img/logo.png);
	width:172px;
	height:100px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

</style>
</head>

<body>

<!-- cabeçalho -->
<div class="topo">
<div class="logo"></div>
</div>




<!-- menu -->
<nav class="navbar navbar-default" role="navigation">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Menu</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Fale conosco</a></li>
        <li><a href="#">Sobre nós</a></li>
      </ul>
      <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Buscar Produtos">
        </div>
        <button type="submit" class="btn btn-default">Busca</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
      <li><a href="#">Ajuda</a></li>
      <li><a href="#">Crie sua Conta</a></li>
        <li><a href="#">Login</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>



<!-- estrutura -->
<div align="center">
<div class="row">

<div class="page-header" align="left">
  <h1>Crie sua Conta&nbsp;<small> Empresa</small></h1>
</div>

<form class="form-horizontal" action="CadastroUsuarioComerciante" method="post">
<fieldset>


<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="login_empresa">Nome de Usuário</label>  
  <div class="col-md-5">
  <input id="login_empresa" name="login_empresa" type="text" placeholder="login" class="form-control input-md">
    
  </div>
</div>

<!-- Password input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="senha_empresa">Senha</label>
  <div class="col-md-5">
    <input id="senha_empresa" name="senha_empresa" type="password" placeholder="" class="form-control input-md">
    
  </div>
</div>

<!-- Password input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="senha_confirma">Confirme a Senha</label>
  <div class="col-md-5">
    <input id="senha_confirma" name="senha_confirma" type="password" placeholder="" class="form-control input-md">
    
  </div>
</div>
<br /><br />

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="nome_empresa">Nome da Empresa</label>  
  <div class="col-md-5">
  <input id="nome_empresa" name="nome_empresa" type="text" placeholder="" class="form-control input-md">
    
  </div>
</div>

<!-- Select Basic -->
<div class="form-group">
  <label class="col-md-4 control-label" for="ramo_empresa">Ramo de Atividade</label>
  <div class="col-md-5">
    <select id="ramo_empresa" name="ramo_empresa" class="form-control">
      <option value="1">Loja de Roupas</option>
      <option value="2">Sapataria</option>
      <option value="3">Móveis e Eletrodomésticos</option>
      <option value="4">Supermercado</option>
      <option value="5">Eletronicos</option>
    </select>
  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="cnpj">Cnpj</label>  
  <div class="col-md-5">
  <input id="cnpj" name="cnpj" type="text" placeholder="" class="form-control input-md">
    
  </div>
</div>

<!-- Textarea -->
<div class="form-group">
  <label class="col-md-4 control-label" for="descricao_empresa">Descrição da Empresa</label>
  <div class="col-md-4">                     
    <textarea class="form-control" id="descricao_empresa" name="descricao_empresa"></textarea>
  </div>
</div>


</fieldset>
</form>

</div></div>
</body>
</html>
